<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>TTSDemo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="js/tts.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
	    checkStorageSupport();
        haveQuicktime();
        
		$("#submit").click(function() {
			var paragraph = $("#paragraph").val();
            try{
			     speak(paragraph);
            }catch(err){
                alert(err);
            }  
		});
	});
</script>
</head>
<body>
	<h1>TTS Demo</h1>
	<div id="container">
			<h2>Nhap mot doan text:</h2>
			<textarea id="paragraph" rows="10" cols="30"></textarea>
			<button id="submit">submit</button>
	</div>
    
</body>
</html>